<template>
  <div class="top-container">
    <div class="container">
      <div>
        <h1>应用市场</h1>
        <h2>社区伙伴分享隐私计算应用的小空间</h2>
      </div>
      <img src="../../../assets/top-banner-pltCLV.png" alt="" srcset="">
    </div>
  </div>
</template>

<style lang="scss" scoped>
.top-container{
  height: 350px;
  position: relative;
  padding-top: 30px;
  background: url('../../../assets/app-bg.png') center top no-repeat;
  background-size: cover;
  color: #2c3e50;
  // text-align: center;
  .container{
    // max-width: 1140px;
    margin: 0 auto;
    // padding-left: 50px;
    display: flex;
    justify-content: center;
    h1{
      font-size: 80px;
      font-family: PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
      margin-bottom: 20px;
    }
    h2{
      font-size: 30px;
      margin-block-start: 0;
    }
  }

}
</style>
